<div class="mainContainer">
  <div class="module debtBill">
    <div class="cardTitle">欠债账单</div>
    <hr class="cardTitileDivider" />
    <nz-table class="ContainerText" #debtBillContainer nzSize="small" [nzWidthConfig]="debtBillContainerTab"
      [nzData]="this.debtBillItems" nzTableLayout="fixed" [nzPageSize]="4" [nzHideOnSinglePage]="true">
      <thead>
        <tr>
          <th [(nzSortOrder)]="listOfColumns[0].sortOrder" [nzSortFn]="listOfColumns[0].sortFn">
            {{ listOfColumns[0].name }}
          <th [(nzSortOrder)]="listOfColumns[1].sortOrder" [nzSortFn]="listOfColumns[1].sortFn">
            {{ listOfColumns[1].name }}
          <th [(nzSortOrder)]="listOfColumns[2].sortOrder" [nzSortFn]="listOfColumns[2].sortFn">
            {{ listOfColumns[2].name }}
          <th>操作</th>
        </tr>
      </thead>
      <tbody>
        <tr *ngFor="let item of debtBillContainer.data; let i = index">
          <td>{{ item.name }}</td>
          <td nzEllipsis>
            <span nz-tooltip [nzTooltipTitle]="this.num2str(item.moneyCount)" nzTooltipPlacement="top">
              {{ this.num2str(item.moneyCount) }}
            </span>
          </td>
          <td nzEllipsis>
            <span nz-tooltip [nzTooltipTitle]="item.time" nzTooltipPlacement="top">
              {{ item.time }}
            </span>
          </td>
          <td>
            <span class="linkspan"><a (click)="showModal(0, i)" *ngIf="item.name != '银行'">申请转移支付</a></span>
            <span class="linkspan"><a (click)="showModal(1, i)" *ngIf="item.name != '银行'">申请银行融资</a></span>
            <span class="linkspan"><a (click)="showModal(2, i)">支付账单</a></span>
          </td>
        </tr>
      </tbody>
    </nz-table>
  </div>
  <div class="module debtHoldingBill">
    <div class="cardTitle">持有账单</div>
    <hr class="cardTitileDivider" />
    <nz-table class="ContainerText" #debtHoldingBillContainer nzSize="small" [nzWidthConfig]="debtBillContainerTab"
      [nzData]="this.debtHoldingBillItems" nzTableLayout="fixed" [nzPageSize]="4" [nzHideOnSinglePage]="true">
      <thead>
        <tr>
          <th [(nzSortOrder)]="listOfColumns[0].sortOrder" [nzSortFn]="listOfColumns[0].sortFn">
            {{ listOfColumns[0].name }}
          <th [(nzSortOrder)]="listOfColumns[1].sortOrder" [nzSortFn]="listOfColumns[1].sortFn">
            {{ listOfColumns[1].name }}
          <th [(nzSortOrder)]="listOfColumns[2].sortOrder" [nzSortFn]="listOfColumns[2].sortFn">
            {{ listOfColumns[2].name }}
          <th>操作</th>
        </tr>
      </thead>
      <tbody>
        <tr *ngFor="let item of debtHoldingBillContainer.data; let i = index">
          <td>{{ item.name }}</td>
          <td nzEllipsis>
            <span nz-tooltip [nzTooltipTitle]="this.num2str(item.moneyCount)" nzTooltipPlacement="top">
              {{ this.num2str(item.moneyCount) }}
            </span>
          </td>
          <td nzEllipsis>
            <span nz-tooltip [nzTooltipTitle]="item.time" nzTooltipPlacement="top">
              {{ item.time }}
            </span>
          </td>
          <td>
            <span class="linkspan"><a (click)="showModal(3, i)">申请转移支付</a></span>
          </td>
        </tr>
      </tbody>
    </nz-table>
  </div>
  <nz-modal [(nzVisible)]="isVisible" nzTitle="" [nzClosable]="false" (nzOnCancel)="handleSettingCancel()"
    (nzOnOk)="handleSettingOk()" [nzContent]="settingContent" [nzOkText]="'执行操作'" [nzStyle]="{ width: '500px' }">
    <ng-template #settingContent>
      <div class="cardTitle" *ngIf="this.modalindex===0">
        <span> 申请转移支付 </span>
      </div>
      <div class="cardTitle" *ngIf="this.modalindex===1">
        <span> 申请银行融资 </span>
      </div>
      <div class="cardTitle" *ngIf="this.modalindex===2">
        <span> 支付账单 </span>
      </div>
      <div class="cardTitle" *ngIf="this.modalindex===3">
        <span> 申请转移支付 </span>
      </div>
      <hr class="cardTitileDivider" />
      <div>
      </div>
      <div nz-row class="inputwhole">
        <div nz-col [nzSpan]="8">
          <p class="inputlable">金额: </p>
        </div>
        <div nz-col [nzSpan]="16">
          <nz-input-number [(ngModel)]="operator_count" [nzMin]="0" [nzStep]="100" style="width: 60%;">
          </nz-input-number>
        </div>
      </div>
      <div nz-row class="inputwhole" *ngIf="modalindex==0 || modalindex==3">
        <div nz-col [nzSpan]="8">
          <p class="inputlable">转移对象: </p>
        </div>
        <div nz-col [nzSpan]="16">
          <nz-select [(ngModel)]="selectedObject" style="width: 60%;">
            <nz-option *ngFor="let option of listOfOption" [nzLabel]="option.label" [nzValue]="option.value">
            </nz-option>
          </nz-select>
        </div>
      </div>
    </ng-template>
  </nz-modal>
</div>